@charset "utf-8";

/* CSS Document */
* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

body {
	font-family: Helvetica, "微软雅黑", "宋体";
	font-size: 14px;
	height: 100%;
}

a {
	text-decoration: none;
	color: #999;
}

a:hover {
	color: #cfab79;
}

input {
	outline: none;
}

li {
	list-style-type: none;
}

table {
	border-collapse: collapse;
}

/*=============header==============*/
#headerwrap {
	height: 100px;
	background: #FFF;
}

.welcome {
	width: 203px;
	background: #312f2b;
	color: #be1d2d;
	font-size: 22px;
	font-weight: 500;
	line-height: 100px;
	text-align: center;
	float: left;
	letter-spacing: 5px;
	padding-left: 0px;
}

.logo {
	float: left;
	margin-left: 20px;
	margin: 20px 0px 0 60px;
	width: 200px;
}

#subnav {
	float: right;
	margin-right: 50px;
}

#subnav li {
	float: left;
	padding: 0 30px 0 20px;
	line-height: 100px;
}

#subnav .mpwd {
	background: url(../images/icon_repwd.png) no-repeat left center;
}

#subnav .logout {
	background: url(../images/icon_cancel.png) no-repeat left center;
}

/*=============left==============*/
.l_sub {
	position: relative;
	height: 100%;
	background: #312f2b;
}

#subsider {
	height: 100%;
	background: #312f2b;
	overflow: scroll;
}

#subsider::-webkit-scrollbar {
	/*滚动条整体部分，其中的属性有width,height,background,border等（就和一个块级元素一样）（位置1）*/
	width: 2px;
	height: 10px;
	background: #312f2b;
}

#subsider::-webkit-scrollbar-button {
	/*滚动条两端的按钮，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置2）*/
	background: #74D334;
	display: none;
}

#subsider::-webkit-scrollbar-track {
	/*外层轨道，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置3）*/
	background: #FF66D5;
	display: none;
}

#subsider::-webkit-scrollbar-track-piece {
	/*内层轨道，滚动条中间部分（位置4）*/
	background: #FF66D5;
	display: none;
}

#subsider::-webkit-scrollbar-thumb {
	/*滚动条里面可以拖动的那部分（位置5）*/
	background: #be1d2d;
	border-radius: 1px;
}

#subsider::-webkit-scrollbar-corner {
	/*边角（位置6）*/
	background: #82AFFF;
}

#subsider::-webkit-scrollbar-resizer {
	/*定义右下角拖动块的样式（位置7）*/
	background: #FF0BEE;
}

#subsider h2 {
	background: #312f2b url(../images/icon_sub_darrow.png) no-repeat 90% center;
	background-size: 12px;
	text-align: right;
	padding-right: 40px;
	line-height: 30px;
	padding: 5px 0;
	border-bottom: 1px solid #3a3a3a;
	cursor: pointer;
	border-left: 0px solid #be1d2d;
	padding-left: 20px;
}

#subsider h2,
#subsider h2 a {
	color: #cacaca;
	font-size: 14px;
	text-align: left;
	font-weight: 500;
}

#subsider h2.cur {
	border-bottom: 1px solid #2b2926;
	background: url(../images/icon_uparrow.png) no-repeat 90% center;
	background-size: 12px;
}

#subsider h2.cur a {
	color: #be1d2d;
}

#subsider h3,
#subsider h3.hasitems,
.subitems p {
	font-weight: 500;
	border-left: 0px solid #ec752b;
	margin-left: 0px;
}

#subsider h3.cur {
	border-bottom: 1px solid #ec752b;
	background-color: #cfab79;
	color: #FFF;
	-webkit-box-shadow: 0 3px 3px #CCCCCC;
	-moz-box-shadow: 0 3px 3px #CCCCCC;
	box-shadow: 0 3px 3px #CCCCCC;
}

#subsider h3.cur>a {
	color: #FFF;
}

#subsider h3 a,
#subsider h3.hasitems a,
.subitems p a {
	display: block;
	color: #7A7A7A;
	text-align: left;
	padding: 2px 0 0px 0;
	padding-right: 0px;
	padding-left: 11%;
	background: #2b2926 url(../images/icon_rarrow.png) no-repeat 90% center;
	border-bottom: 0px solid #ec752b;
	background-size: 12px;
	line-height: 30px;
	font-size: 12px;
}

#subsider h3.hasitems a {
	background: #2b2926 url(../images/icon_sub_darrow.png) no-repeat 90% center;
}

#subsider h3.hasitems a:hover {
	background-image: url(../images/icon_sub_darrow.png);
}

#subsider h3 a:hover,
.subitems p a:hover,
#subsider h3 a.cur,
.subitems p a.cur {
	background: #595757 url(../images/icon_rarrow_white.png) no-repeat 90% center;
	color: #CCC;
	background-size: 12px;
}

.subitems p a {
	padding-left: 40px;
}

#subsider ul {
	display: none;
	border-bottom: 1px solid #3a3a3a;
}

/* #subsider ul .subitems{ display:none;} */
.rightcopy {
	text-align: center;
	color: #666;
	font-size: 12px;
	line-height: 52px;
	width: 100%;
	background: #312f2b;
	position: absolute;
	bottom: 0;
}

/*===============frmain================*/
#frmain {
	background: #F0F0F0;
}

#main {
	background: #fff;
	min-height: 90%;
	width: 94%;
	margin: 3%;
	border: 1px solid white;
	border-radius: 8px;
}

.wel {
	background: #f6f3e6;
	color: #cfab79;
	font-size: 24px;
	font-weight: 500;
	text-align: center;
	margin: 50px;
	padding: 80px;
	border-radius: 6px;
	letter-spacing: 5px;
}

div.title {
	padding-left: 0px;
	border-bottom: 0px solid #ededed;
}

.title h2 {
	font-size: 14px;
	font-weight: 500;
	border-left: 0px solid #be1d2d;
	padding-left: 40px;
	height: 35px;
	line-height: 90px;
}

.title h2 span {
	color: #595758;
	background: url(../images/icon_curpos.png) left center no-repeat;
	padding-left: 20px;
	line-height: 25px;
	display: inline-block;
}

.title h2 label {
	color: #be1d2d;
}

.optlist {
	height: 50px;
	width: 95%;
	margin: 0 auto;
}

.optlist li {
	float: right;
	margin: 0px 10px 10px 10px;
}

.optlist a {
	display: block;
	padding: 5px 5px 5px 8px;
	font-size: 12px;
	border: 1px solid #ededed;
	padding-left: 30px;
	border-radius: 4px;
}

.optlist a:hover {
	background: #cfab79;
	color: #FFF;
	border: 1px solid #cfab79;
}

.optlist .addopt a {
	background: url(../images/icon_add.png) 5px center no-repeat;
}

.optlist .listopt a {
	background: url(../images/icon_list.png) 5px center no-repeat;
	background-size: 16px;
}

.optlist .modifyopt a {
	background: url(../images/icon_modify.png) 5px center no-repeat;
	background-size: 16px;
}

.optlist .addopt a:hover {
	background: #cfab79 url(../images/icon_add_hover.png) 5px center no-repeat;
}

.optlist .listopt a:hover {
	background: #cfab79 url(../images/icon_list_hover.png) 5px center no-repeat;
}

.optlist .modifyopt a:hover {
	background: #cfab79 url(../images/icon_modify_hover.png) 5px center no-repeat;
}

#search {
	border-top: 1px solid #f5f0e9;
	width: 95%;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 0px;
	line-height: 30px;
}

#search form {
	padding: 0 0px;
}

#search form label {
	margin-left: 10px;
	color: #cfab79;
}

.searchbt {
	width: 96px;
	height: 32px;
	background: #d82436;
	line-height: 32px;
	color: #FFF;
	font-size: 14px;
	border: none;
	font-weight: normal;
	cursor: pointer;
	border-radius: 5px;
	font-family: "微软雅黑";
}

.searchbt:hover {
	background: #cfab79;
	-webkit-box-shadow: 0px 0px 30px -2px #cfab79;
	-moz-box-shadow: 0px 0px 30px -2px #cfab79;
	box-shadow: 0px 5px 30px -2px #e3c9a4;
}

.ltxt,
.mtxt,
.stxt,
.num,
select,
.contxt,
.longtxt {
	height: 25px;
	line-height: 25px;
}

.xltxt {
	width: 500px;
}

.ltxt,
.longtxt {
	width: 400px;
}

.mtxt {
	width: 150px;
}

.stxt {
	width: 100px;
}

.num {
	width: 50px;
	border: 1px solid #ede3d5;
	border-radius: 4px;
	padding-left: 10px;
	color: #dab785;
}

.tbedit .contxt {
	width: 80%;
	height: 96px;
}

.tblist,
.tbedit {
	border-collapse: collapse;
	border-top: 0px solid #f0f0f0;
	border-bottom: 0px solid #f0f0f0;
	width: 95%;
	margin: 20px auto;
}

.tblist {
	text-align: center;
}

.tblist th {
	background: #cfab79;
	background: #f6f3e6;
	color: #cfab79;
	color: #534734;
	padding: 10px 0;
	min-width: 80px;
	border-top: 1px solid #f5f0e9;
}

.tblist th.even {
	border-top: 1px solid #f5f0e9;
}

.tblist td {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #f5f0e9;
	color: #534734;
	height: 72px;
}

.tblist tr {
	background: #FFF;
}

.tblist tr.odd {
	/*background:#f7f6f1; */
}

.tblist tr:hover td {
	background: #f6f3e6;
	border-bottom: 1px solid #f5f0e9;
}

.tblist tr:hover .opt a {
	border: 1px solid #efe7db;
	background-color: #none;
	color: #333;
	transition: 0.3s;
	-moz-transition: 0.3s;
	/* Firefox 4 */
	-webkit-transition: 0.3s;
	/* Safari 和 Chrome */
	-o-transition: 0.3s;
	/* Opera */
}

.tblist tr td.left {
	text-align: left;
	padding: 10px;
}

.tblist tr td.left a {
	color: #534734;
	font-size: 14px;
}

.opt {
	text-align: center;
	padding-left: 0px;
	width: 200px;
	padding: 0 30px;
}

.opt a {
	display: inline-block;
	width: 36px;
	height: 24px;
	line-height: 24px;
	margin: 5px auto 5px auto;
	padding: 0px 0px 0px 15px;
	/* border: 1px solid #ededed; */
	border-radius: 4px;
	background-repeat: no-repeat;
	color: #666;
	font-size: 12px;
	background-size: 18px;
	border: 1px solid #efe7db;
	margin-left: 5px;
	margin-right: 2px;
	float: none;
}

.addbt {
	background: url(../images/icon_add.png) no-repeat 5% center;
}

.modifybt {
	background: url(../images/icon_modify_01.png) no-repeat 5% center;
}

.seebt,
.seebt_02 {
	background: url(../images/icon_see_01.png) no-repeat 5% center;
}

.delbt {
	background: url(../images/icon_del_01.png) no-repeat 5% center;
}

.copybt {
	background: url(../images/copy.png) no-repeat 5% center;
}

.movebt {
	background: url(../images/print.png) no-repeat 5% center;
}

.emailbt {
	background: url(../images/email.png) no-repeat 5% center;
}

.settingbt {
	background: url(../images/tj_01.png) no-repeat 5% center;
}

.returnbt {
	background: url(../images/return.png) no-repeat 5% center;
}

.settingbt {
	background: url(../images/tj_01.png) no-repeat 5% center;
}

.opt a.settingbt_02 {
	background: url(../images/setting.png) no-repeat 5% center;
	background-size: 20px;
}

a.addbt,
a.seebt_02,
a.settingbt_02,
a.returnbt {
	padding: 0px 0px 0px 20px;
	width: 54px;
}


.tblist tr:hover a.addbt:hover,
.tblist tr:hover a.modifybt:hover,
.tblist tr:hover a.seebt:hover,
.tblist tr:hover a.delbt:hover,
.tblist tr:hover a.copybt:hover,
.tblist tr:hover a.movebt:hover,
.tblist tr:hover a.emailbt:hover,
.tblist tr:hover a.settingbt:hover,
.tblist tr:hover a.returnbt:hover,
.tblist tr:hover a.settingbt_02:hover {
	color: #cfab79;
	border: 1px solid #ead9c1;
}

.addbt:hover {
	background: url(../images/icon_add_hover_02.png) no-repeat 5% center;
	background-size: 18px;
}

.modifybt:hover {
	background: url(../images/icon_modify_02.png) no-repeat 5% center;
	background-size: 18px;
}

.seebt:hover,
.seebt_02:hover {
	background: url(../images/icon_see_02.png) no-repeat 5% center;
	background-size: 18px;
}

.delbt:hover {
	background: url(../images/icon_del_02.png) no-repeat 5% center;
	background-size: 18px;
}

.copybt:hover {
	background: url(../images/copy_02.png) no-repeat 5% center;
	background-size: 18px;
}

.movebt:hover {
	background: url(../images/print_02.png) no-repeat 5% center;
	background-size: 18px;
}

.emailbt:hover {
	background: url(../images/email_02.png) no-repeat 5% center;
	background-size: 18px;
}

.settingbt:hover {
	background: url(../images/tj_02.png) no-repeat 5% center;
	background-size: 18px;
}

.returnbt:hover {
	background: url(../images/return_02.png) no-repeat 5% center;
	background-size: 18px;
}

.opt a.settingbt_02:hover {
	background: url(../images/setting_03.png) no-repeat 5% center;
	background-size: 20px;
}

.optlist li a.emailbt:hover {
	background: #cfab79 url(../images/email_02.png) no-repeat 5% center;
}

.optlist li a.settingbt {
	background: url(../images/setting.png) no-repeat 5% center;
}

.optlist li a.settingbt:hover {
	background: #cfab79 url(../images/setting_02.png) no-repeat 5% center;
}

.tbedit th {
	text-align: right;
	background: #FFF;
	color: #cfab79;
	font-weight: 500;
	font-size: 14px;
}

.tbedit td {
	text-align: left;
	padding-left: 5px;
}

.tbedit th,
.tbedit td {
	padding: 10px 5px;
	border: 0px solid #cfab79;
	margin: 20px 0;
}

.smpic img {
	width: 160px;
	margin: 10px auto;
	border-radius: 6px;
}

.opttips {
	background: #f6f3e6;
	padding: 0px 0;
	width: 95%;
	margin: 10px auto;
	border-radius: 5px;
	border: 0px solid #e7dac7;
}

.opttips h3 {
	line-height: 25px;
	padding: 10px 60px;
	background: url(../images/icon_tips.png) 40px 12px no-repeat;
	color: #cfab79;
	font-size: 12px;
	font-weight: 500;
	border-radius: 5px;
	margin: 0 0px;
}

.errorinfo {
	margin-left: 10px;
	background: url(../images/icon_tips.png) left center no-repeat;
	padding: 10px 10px 10px 15px;
	color: #be1d2d;
	font-weight: 600;
}

.selgroup {
	margin-right: 20px;
	display: block;
	width: 80px;
	float: left;
}

.selgroup input {
	margin-right: 5px;
}

.selgroup span {
	margin-top: 5px;
	display: block;
	width: 80px;
	color: #cfab79;
}

.btp {
	text-align: center;
	margin-bottom: 20px;
}

.pagenav {
	text-align: center;
	margin-right: 40px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.pagenav a,
.pagenav .cur {
	display: inline-block;
	line-height: 24px;
	width: 48px;
	height: 24px;
	border: 1px solid #cfab79;
	border-radius: 6px;
	text-align: center;
	margin: 3px;
}

.pagenav a:hover,
.pagenav .cur {
	background: #be1d2d;
	color: #FFF;
	border: 1px solid #be1d2d;
	-webkit-box-shadow: 0px 10px 20px -2px #ebd7bc;
	-moz-box-shadow: 0px 10px 20px -2px #ebd7bc;
	box-shadow: 0px 10px 20px -2px #ebd7bc;
}

.pagenav a.pre,
.pagenav a.next {
	background: url(../images/icon_l_next.png) no-repeat center;
	text-indent: -9999px;
}

.pagenav a.next {
	background: url(../images/icon_r_next.png) no-repeat center;
}

.pagenav a.pre:hover,
.pagenav a.next:hover {
	color: #FFF;
	border: 1px solid #be1d2d;
}

.pagenav select {
	border: 1px solid #cfab79;
	width: 48px;
	height: 24px;
	margin: 0 5px;
	border-radius: 6px;
}

/*控件*/
input[type="file"] {
	margin: 5px 0 10px 0;
}

input[type="radio"] {
	margin: 5px 5px 10px 12px;
	width: 20px;
	height: 24px;
	vertical-align: middle;
}

input[type="checkbox"] {
	width: 20px;
	height: 24px;
	vertical-align: middle;
}

.tbedit input.stxt,
.tbedit .ltxt,
.tbedit select,
.tbedit textarea,
.longtxt,
.txtDate,
.mtxt {
	border: 1px solid #ede3d5;
	border-radius: 4px;
	margin-right: 10px;
	height: 30px;
	color: #595758;
	padding: 0 10px;
}

.tbedit select {
	width: 323px;
}

.tbedit textarea {
	width: 90%;
	height: 100px;
	white-space: pre-wrap;
}

.tbedit .message {
	height: 200px;
}

.tbedit .radio {
	width: 30px;
	height: 30px;
	border: 1px solid #cfab79;
	float: left;
}

.tbedit .checkbox {
	width: 30px;
	height: 30px;
	border: 1px solid #cfab79;
	float: left;
}

.savebt {
	background: #ec752b;
	color: #FFF;
	font-size: 16px;
	padding: 10px 50px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

.savebt {
	width: 300px;
	height: 60px;
	background: #d82436;
	line-height: 44px;
	color: #FFF;
	font-size: 20px;
	border: none;
	font-weight: normal;
	cursor: pointer;
	border-radius: 5px;
	font-family: "微软雅黑";
}

#search p {
	width: 500px;
	float: left;
}

#search .w_p {
	width: 240px;
}

#search p label {
	width: 50px;
	display: block;
	text-align: right;
	float: left;
	margin-left: 0;
}

#search p span {
	display: block;
	float: left;
	width: 40px;
	margin: 0 0 0 10px;
}

#search input.stxt,
#search input.ltxt,
#search select,
#search textarea {
	border: 1px solid #ede3d5;
	border-radius: 4px;
	width: 180px;
	height: 30px;
	color: #595758;
	padding: 0 10px;
}

#search input.ltxt {
	width: 420px;
}

#search select {
	width: 220px;
}

#search textarea {
	width: 90%;
	height: 240px;
}

#search .radio {
	width: 30px;
	height: 30px;
	border: 1px solid #cfab79;
	float: left;
	margin-top: 5px;
}

#search .checkbox {
	width: 30px;
	height: 30px;
	border: 1px solid #cfab79;
	float: left;
}

.savebt {
	background: #ec752b;
	color: #FFF;
	font-size: 16px;
	padding: 10px 50px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

.savebt {
	width: 300px;
	height: 60px;
	background: #d82436;
	line-height: 44px;
	color: #FFF;
	font-size: 20px;
	border: none;
	font-weight: normal;
	cursor: pointer;
	border-radius: 5px;
	font-family: "微软雅黑";
}

.savebt {
	width: 96px;
	height: 32px;
	background: #d82436;
	line-height: 32px;
	color: #FFF;
	font-size: 14px;
	border: none;
	font-weight: normal;
	cursor: pointer;
	border-radius: 4px;

	font-family: "微软雅黑";
	padding: 0 0 0 0;
}

.savebt:hover {
	background: #cfab79;
	-webkit-box-shadow: 0px 0px 30px -2px #cfab79;
	-moz-box-shadow: 0px 0px 30px -2px #cfab79;
	box-shadow: 0px 5px 30px -2px #e3c9a4;
}

.sysinfo {
	width: 400px;
	padding: 200px 50px 50px 50px;
	margin: 100px auto 30px auto;
	line-height: 25px;
	font-size: 16px;
	color: #FFF;
	text-align: center;
	border-radius: 5px;
}

.success {
	background: #be1d2d url(../images/icon_success.png) center 50px no-repeat;
	-webkit-box-shadow: 0 5px 50px #cfab79;
	-moz-box-shadow: 0 5px 50px #cfab79;
	box-shadow: 0 5px 50px #cfab79;
}

.fail {
	background: #cccccc url(../images/icon_fail.png) center 50px no-repeat;
	color: #5f5f5f;
	-webkit-box-shadow: 0 5px 50px #CCCCCC;
	-moz-box-shadow: 0 5px 50px #CCCCCC;
	box-shadow: 0 5px 50px #CCCCCC;
}

.warning {
	background: #cfab79 url(../images/icon_warning.png) center 50px no-repeat;
	-webkit-box-shadow: 0 5px 50px #cfab79;
	-moz-box-shadow: 0 5px 50px #cfab79;
	box-shadow: 0 5px 50px #cfab79;
}

.infolinks {
	width: 200px;
	text-align: center;
	margin: 0 auto;
}

.infolinks li {
	line-height: 30px;
}

.infolinks li a {
	text-decoration: underline;
}

.inforeturn {
	text-align: center;
	margin-top: 30px;
}

.errorinfo {
	display: none;
}

html::-webkit-scrollbar {
	/*滚动条整体部分，其中的属性有width,height,background,border等（就和一个块级元素一样）（位置1）*/
	width: 2px;
	height: 10px;
	background: #FFFFFF;
}

html::-webkit-scrollbar-button {
	/*滚动条两端的按钮，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置2）*/
	background: #74D334;
	display: none;
}

html::-webkit-scrollbar-track {
	/*外层轨道，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置3）*/
	background: #FF66D5;
	display: none;
}

html::-webkit-scrollbar-track-piece {
	/*内层轨道，滚动条中间部分（位置4）*/
	background: #FF66D5;
	display: none;
}

html::-webkit-scrollbar-thumb {
	/*滚动条里面可以拖动的那部分（位置5）*/
	background: #be1d2d;
	border-radius: 1px;
}

html::-webkit-scrollbar-corner {
	/*边角（位置6）*/
	background: #82AFFF;
}

html::-webkit-scrollbar-resizer {
	/*定义右下角拖动块的样式（位置7）*/
	background: #FF0BEE;
}

#img {
	display: none;
}

.tbl {
	height: 50px;
	line-height: 50px;
	padding-left: 0px;
	border-bottom: 0px solid #ededed;
}

.tbl h1 {
	font-size: 14px;
	font-weight: 500;
	border-left: 0px solid #be1d2d;
	padding-left: 40px;
	height: 35px;
	color: #be1d2d;
}

.tbl h1 strong {
	color: #595758;
	background: url(../images/icon_curpos.png) left center no-repeat;
	padding-left: 20px;
	line-height: 25px;
	display: inline-block;
	font-weight: 500;
}

.tbledit {
	margin: 0 auto;
	margin-top: 100px;
}

.tbledit th {
	text-align: right;
	background: #FFF;
	color: #cfab79;
	font-weight: 500;
	font-size: 14px;
	margin-right: 10px;
}

.tbledit td {
	font-size: 18px;
	padding-right: 300px;
	color: #534734;
}

.tbledit td select {
	border: 1px solid #ede3d5;
	border-radius: 4px;
	height: 30px;
	color: #595758;
	padding: 0 5px;
}

.tbledit td .bt,
.tbl .bt {
	width: 96px;
	height: 32px;
	background: #d82436;
	line-height: 32px;
	color: #FFF;
	font-size: 14px;
	border: none;
	font-weight: normal;
	cursor: pointer;
	border-radius: 5px;
	font-family: "微软雅黑";
}

.tbledit td .bt:hover,
.tbl .bt:hover {
	background: #cfab79;
	-webkit-box-shadow: 0px 0px 30px -2px #cfab79;
	-moz-box-shadow: 0px 0px 30px -2px #cfab79;
	box-shadow: 0px 5px 30px -2px #e3c9a4;
}
